<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="page-header">
                <h1>Mes messages <small>Voir mes messages</small></h1>
            </div>
            <p>
                Créer, modifier, supprimer, gérer <strong>vos messages</strong>. Vous trouverez tout ce qu'il vous faut pour <small>faire votre bonheur.</small> <em>Je dis un peu n'importe quoi mais ça sert principalement à meubler.</em>
            </p>
            <ul class="nav nav-tabs">
                <li class="active"></li>
                <li class="active"></li>
                <li class="active"><a href="#">Message reçu</a></li>
                <li><a href="#">Message envoyé</a></li>
                <li class="disabled"><a href="#">Message supprimé</a></li>
                <li class="dropdown pull-right open"></li>
            </ul>
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Destinataire</th>
                        <th>Date de réception</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>1</td>
                        <td>TB - Monthly</td>
                        <td>01/04/2012</td>
                        <td>Default</td>
                    </tr>
                    <tr class="active">
                        <td>1</td>
                        <td>TB - Monthly</td>
                        <td>01/04/2012</td>
                        <td>Approved</td>
                    </tr>
                    <tr class="success">
                        <td>2</td>
                        <td>TB - Monthly</td>
                        <td>02/04/2012</td>
                        <td>Declined</td>
                    </tr>
                    <tr class="warning">
                        <td>3</td>
                        <td>TB - Monthly</td>
                        <td>03/04/2012</td>
                        <td>Pending</td>
                    </tr>
                    <tr class="danger">
                        <td>4</td>
                        <td>TB - Monthly</td>
                        <td>04/04/2012</td>
                        <td>Call in to confirm</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>